@charset "utf-8"; @import url('common.css'); /* layout */ html {overflow:hidden;width:100%;height:100%;background:#fafafa} body {width:100%;height:100%;} /* SKIP NAVI */ #skipNav {position:absolute;top:0;left:0;width:100px;z-index:2147483647} #skipNav a {position:absolute;top:-50px;left:0;display:block;width:100px;height:10px;padding:6px 0 0 0;border:1px solid #ED2000;background-color:#000000;color:#FFFFFF;font-size:11px;text-align:center;letter-spacing:-1px} #skipNav a:focus, #skipNav a:active {top:0} .kor {font-family:'나눔고딕','NanumGothic'}/* 20130803 수정 */ .eng {font-family:'Century Gothic'} #wrap {width:100%;height:100%;} #header {position:fixed;width:160px;height:100%;padding-left:20px;background:url('../images/common/desktop/bg_gnb.gif') repeat-y left top;overflow:hidden;font-weight:bold;z-index:101} #header .top h1 a {display:block;width:139px;height:16px;margin-top:37px;background:url('../images/common/desktop/logo.png') no-repeat left top} #header .top .btn_eng {display:block;width:41px;height:18px;margin-top:9px;background:url('../images/common/desktop/btn_kor2.png') no-repeat left top} #header .nav {margin-top:45px;padding-bottom:23px;background:url('../images/common/desktop/bar_gnb.png') no-repeat 4px bottom} #header .nav li {font-family:'Century Gothic';padding:8px 0 10px 12px;background:url('../images/common/desktop/bg_menu_off.png') no-repeat 0 13px;line-height:14px} #header .nav li .song {font-family:'Century Gothic'}/* 20130803 수정 */ #header .nav li.on {background:url('../images/common/desktop/bg_menu_on.png') no-repeat 0 13px} #header .nav li.none {display:none;} #header .nav li a {font-family:'Century Gothic';font-size:14px;color:#a0a0a0} #header .nav li a:hover,/* #header .nav li a:focus, */ #header .nav li a.active {color:#ff0000}/*20130726 수정*/ #footer {position:fixed;left:20px;top:383px;width:160px;padding:10px 0 56px;z-index:200} #footer .family {display:none;width:144px;height:38px;margin:24px 0 0 -2px;background:url('../images/common/desktop/site.png') no-repeat left top} #footer .utill {margin:140px 0 0 -10px;font-size:10px;font-family:'나눔고딕','NanumGothic'}/*20130803 수정*/ #footer .utill > li {display:block;padding:1px 0 1px 10px;height:50px;margin-top:-8px;}/*20130902 수정*/ #footer .utill li a {padding-right:16px;color:#b0b0b0} #footer .utill li a:hover, #header .utill li a:focus {color:#fff} #footer .footer_util3 .site {display:none;} #footer .footer_util3 > a {display:block;background:url('../images/common/desktop/bg_familysite.png') no-repeat 53px 3px} #footer .footer_util3.active {position:relative;margin:-8px 0 -9px 0;padding:0 0 10px 0;}/*20130726 수정*/ #footer .footer_util3.active > a {display:block;width:82px;border:1px solid #b0b0b0;border-bottom:none;margin:1px 0 0 6px;padding:2px 0 5px 5px !important;background:url('../images/common/desktop/bg_familysite_on.png') no-repeat 73px 9px;} #footer .footer_util3.active .site {position:absolute;top:23px;left:6px;overflow-y:auto;display:block;width:87px;height:126px;border:1px solid #b0b0b0;border-top: 1px dotted #b0b0b0;background: url('../images/common/desktop/bg_gnb.gif') repeat left top;}/* 20130807 height값 수정 */ #footer .footer_util3.active .site li {padding-left:5px;} #footer .logo1 {display:block;width:100px;height:43px;background:url('../images/common/desktop/logo2_1.png') no-repeat left top} #footer .logo2 {display:block;width:97px;height:24px;background:url('../images/common/desktop/logo2_2.png') no-repeat left top} #footer address {margin-top:53px;font-size:10px;color:#b0b0b0;letter-spacing:-1;}/*20130726 수정*/ #footer address p {line-height:19px;padding-right:8px} #footer address p .pc {display:none} #footer address p.fsize_pc {font-size:9px;margin-top:-5px;white-space:nowrap;}/*20130726 수정*/ #footer .phone {display:none} #footer .pc {display:block} #footer .family_site {display:none;} #sub_wrap {height:100%; position:relative} #container {*zoom:1;position:fixed;margin:0 30px 0 181px;height:100%;min-height:100%} #container:after {content:"";display:block;clear:both} #container #btn {position:fixed;top:70px;right:0} #container #btn_prev {position:absolute;top:0px;right:0;width:50px ;height:55px;background:url('../images/common/desktop/btn_prev.gif') no-repeat left top;z-index:200} #container #btn_next {position:absolute;top:57px;right:0;width:50px;height:55px;background:url('../images/common/desktop/btn_next.gif') no-repeat left top;z-index:200} #content {width:3700px;height:100%;*zoom:1;min-height:100%;}/*20130726 width 값 수정*/ #content:after {content:"";display:block;clear:both} #content .sub_area {position:relative;font-size:12px;float:left;width:453px;height:100%;min-height:100%;overflow-y:auto;border-right:1px solid #dadada;padding:0 100px 0 103px;background:#fff} #content .sub1 {width:455px} #content .sub2 {width:748px;padding:0 80px 0 100px} #content .sub3 {background:url('../images/common/desktop/bg_history.gif') repeat left top} /*#content .sub5 {width:0 !important;height:0}*/ #content .sub6 {width:583px;padding:0 105px 0 100px} #content .sub_area .sub_cont {position:relative;margin:70px 0 30px 0} #content .sub_area h2 {font-size:30px;color:#000;font-weight:bold;line-height:12px} #content .sub_area h3.pr_tit_pc {width:121px;height:25px;margin-top:76px;} #content .sub_area h3.pr_tit_phone, #content .sub_area h3.pr_tit_phone2 {display:none;} #content .sub_area h3.network_tit_phone {display:none;!important} #content .sub_area .explain {font-size:14px; font-weight:bold;margin-top:20px} #content .sub_area .tab {margin:38px 0 35px 0;width:100%} #content .sub_area .tab:after {content:"";display:block;clear:both} #content .sub_area .tab3 {margin:77px 0 35px 0} #content .sub_area .tab li {float:left} #content .sub_area .tab li a {font-family:'Verdana'; display:block;width:140px;height:22px;padding-top: 7px;margin-right:4px;border:1px solid #e3e3e3;background-color:#f6f6f6;text-align:center;line-height:15px;color:#2f2f2f} #content .sub_area .tab li.active a {font-family:'Verdana'; height:22px;border:1px solid #d41717;background-color:#d41717;color:#fff} #content .sub_area .map1 img, #content .sub_area .map2 img {vertical-align:top;} #content .sub_area .map2 {display:none} #content .sub_area .map1 .map {margin:0 auto;position:relative;width:678px;height:387px;background:url('../images/common/desktop/bg_map1.jpg') no-repeat left top}/* 20130727 수정 */ #content .sub_area .map1 .map .place1 {position:absolute;left:526px;top:104px} #content .sub_area .map1 .map .place2 {position:absolute;left:438px;top:135px} #content .sub_area .map1 .map .place3 {position:absolute;left:286px;top:132px} #content .sub_area .map1 .map .place4 {position:absolute;left:475px;top:223px} #content .sub_area .map1 .map .place5 {position:absolute;left:286px;top:104px} #content .sub_area .map1 .map .place6 {position:absolute;left:75px;top:100px} #content .sub_area .map1 .map .place7 {position:absolute;left:45px;top:128px} #content .sub_area .map1 .map .place8 {position:absolute;left:76px;top:165px} #content .sub_area .map1 .map .place9 {position:absolute;left:106px;top:232px} #content .sub_area .map1 .map .place10 {position:absolute;left:478px;top:172px} #content .sub_area .map1 .map .place11 {position:absolute;left:234px;top:170px} #content .sub_area .map1 .map .line1 {position:absolute;left:593px;top:128px} #content .sub_area .map1 .map .line2 {position:absolute;left:502px;top:159px} #content .sub_area .map1 .map .line3 {position:absolute;left:308px;top:156px} #content .sub_area .map1 .map .line4 {position:absolute;left:658px;top:246px} #content .sub_area .map1 .map .line5 {position:absolute;left:265px;top:121px} #content .sub_area .map1 .map .line6 {position:absolute;left:229px;top:124px} #content .sub_area .map1 .map .line7 {position:absolute;left:223px;top:138px} #content .sub_area .map1 .map .line8 {position:absolute;left:179px;top:189px} #content .sub_area .map1 .map .line9 {position:absolute;left:201px;top:223px} #content .sub_area .map1 .map .line10 {position:absolute;left:542px;top:196px} #content .sub_area .map1 .map .line11 {position:absolute;left:251px;top:194px} #content .sub_area .map2 .map {margin:0 auto;position:relative;width:465px;height:419px;/*margin-left:90px;*/background:url('../images/common/desktop/bg_map2.jpg') no-repeat left top}/* 20130727 수정 */ #content .sub_area .map2 .map .place1 {position:absolute;left:-45px;top:98px} #content .sub_area .map2 .map .place2 {position:absolute;left:348px;top:225px} #content .sub_area .map2 .map .place3 {position:absolute;left:-64px;top:247px} #content .sub_area .map2 .map .place4 {position:absolute;left:-59px;top:275px} #content .sub_area .map2 .map .place5 {position:absolute;left:348px;top:322px} #content .sub_area .map2 .map .place6 {position:absolute;left:-30px;top:125px} #content .sub_area .map2 .map .place7 {position:absolute;left:348px;top:294px} #content .sub_area .map2 .map .place8 {position:absolute;left:350px;top:350px} #content .sub_area .map2 .map .place9 {position:absolute;left:45px;top:152px} #content .sub_area .map2 .map .place10 {position:absolute;left:321px;top:124px} #content .sub_area .map2 .map .place11 {position:absolute;left:49px;top:208px} #content .sub_area .map2 .map .place12 {position:absolute;left:40px;top:363px} #content .sub_area .map2 .map .place13 {position:absolute;left:26px;top:179px} #content .sub_area .map2 .map .place14 {position:absolute;left:-31px;top:303px} #content .sub_area .map2 .map .line1 {position:absolute;left:112px;top:117px} #content .sub_area .map2 .map .line2 {position:absolute;left:297px;top:244px} #content .sub_area .map2 .map .line3 {position:absolute;left:113px;top:257px} #content .sub_area .map2 .map .line4 {position:absolute;left:114px;top:281px} #content .sub_area .map2 .map .line5 {position:absolute;left:288px;top:334px} #content .sub_area .map2 .map .line6 {position:absolute;left:112px;top:144px} #content .sub_area .map2 .map .line7 {position:absolute;left:288px;top:311px} #content .sub_area .map2 .map .line8 {position:absolute;left:288px;top:349px} #content .sub_area .map2 .map .line9 {position:absolute;left:114px;top:168px} #content .sub_area .map2 .map .line10 {position:absolute;left:229px;top:141px} #content .sub_area .map2 .map .line11 {position:absolute;left:114px;top:222px} #content .sub_area .map2 .map .line12 {position:absolute;left:114px;top:373px} #content .sub_area .map2 .map .line13 {position:absolute;left:115px;top:192px} #content .sub_area .map2 .map .line14 {position:absolute;left:114px;top:292px} #content .sub_area .com_info {position:relative;margin-top:58px;} #content .sub_area .com_info .icon_list {position:absolute;right:0;top:-28px} #content .sub_area .com_info .bar {width:100%;height:1px;overflow:hidden} #content .sub_area .com_info .bar span {display:block;float:left;height:1px} #content .sub_area .com_info .bar .red {width:35%;background-color:#ff0000} #content .sub_area .com_info .bar .blue {width:65%;background-color:#110070} #content .sub_area table {} #content .sub_area table th, #content .sub_area table td {border:1px solid #d0d4d7;padding:15px 0 10px 40px} #content .sub_area table th {font-family:'Verdana'; color:#000;text-align:left} #content .sub_area table td {font-family:'Verdana'} #content .sub_area .map1 table .none {display:none;} #content .sub_area .map2 table td {font-family:'나눔고딕','NanumGothic'}/* 20130803 수정*/ #content .sub_area table td a {font-family:'Verdana'; Vertical-align:middle; color:#2f2f2f; background:url('../images/common/desktop/icon_map_off.gif') no-repeat right top;padding-right:20px} #content .sub_area table td a:hover, #content .sub_area table td a:focus, #content .sub_area table td a:active {color:#d41717;background-position:right -16px;background:url('../images/common/desktop/icon_map_on.gif') no-repeat right top;} #content .sub_area table .border th {border-top:none; font-family:'Verdana';} #content .sub_area table .border td {border-top:none} #content .sub_area .info {margin-top:58px;} #content .sub_area .info h4 {color:#000;font-size:24px;font-weight:bold;line-height:28px} #content .sub_area .info h5 {color:#2f2f2f;font-size:14px;font-weight:bold;margin-top:50px} #content .sub_area .info .img {max-width:100%;} #content .sub_area .info .cont_area {margin:17px 0 14px 0;color:#2f2f2f;line-height:24px} #content .sub_area .info dl {margin:20px 0} #content .sub_area .info dl dt {color:#2f2f2f;font-size:14px;font-weight:bold;background:url('../images/common/desktop/icon_tit.gif') no-repeat left 3px;padding-left:12px;margin-bottom:20px;line-height:12px} #content .sub_area .info dl dd {line-height:24px;color:#2f2f2f} #content .sub_area .info dl dd.address {padding-left:45px}/*20130726 수정*/ #content .sub_area .info dl dd.address span {margin-left:-45px}/*20130726 수정*/ #content .sub_area .info dl dd strong {font-weight:normal}/*20130726 수정*/ #content .sub_area .info dl dd strong a {color:#2f2f2f}/*20130726 추가*/ #content .sub_area .info .map_area {width:100%;height:474px;max-width:642px;max-height:474px;border:1px solid #d6e0e4} #content .sub_area .info .map_area iframe {width:100%;height:100%;} #content .sub_area .info .comp1, #content .sub_area .info .comp2, #content .sub_area .info .comp3, #content .sub_area .info .comp4, #content .sub_area .info .comp5, #content .sub_area .info .comp6, #content .sub_area .info .comp7, #content .sub_area .info .comp8, #content .sub_area .info .comp9, #content .sub_area .info .comp10, #content .sub_area .info .comp11, #content .sub_area .info .comp12, #content .sub_area .info .comp13, #content .sub_area .info .comp14 {display:none;} /* 그룹소개 */ #content .sub_area .group2, #content .sub_area .group3 {display:none} #content .sub_area .group1 .img_groupinfo_pc {max-width:100%;margin-top:-21px} #content .sub_area .group1 .img_groupinfo_tab {display:none}/*20130726 수정*/ #content .sub_area .group1 .img_groupinfo_phone {display:none}/*20130726 수정*/ #content .sub_area .group1 .groupinfo_tit {margin-bottom:66px} #content .sub_area .group1 .company_txt1 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt2 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt3 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt4 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt1 .comtxt_phone, #content .sub_area .group1 .company_txt2 .comtxt_phone, #content .sub_area .group1 .company_txt3 .comtxt_phone, #content .sub_area .group1 .company_txt4 .comtxt_phone {display:none} #content .sub_area .group1 .company_txt1, #content .sub_area .group1 .company_txt2, #content .sub_area .group1 .company_txt3, #content .sub_area .group1 .company_txt4 {min-height:132px;padding-bottom:70px} #content .sub_area .group1 .company_txt1 {margin-top:127px;background:url('../images/common/desktop/bg_groupinfo1.gif') no-repeat right 38px} #content .sub_area .group1 .company_txt2 {background:url('../images/common/desktop/bg_groupinfo2.gif') no-repeat right 5px} #content .sub_area .group1 .company_txt3 {background:url('../images/common/desktop/bg_groupinfo3.gif') no-repeat right 66px} #content .sub_area .group1 .company_txt4 {background:url('../images/common/desktop/bg_groupinfo4.gif') no-repeat right 5px;padding-bottom:0} #content .sub_area .group2 {position:relative} #content .sub_area .group2 .img_exp {max-width:100%} #content .sub_area .group2 .img_exp_phone {display:none;}/* 20130727 추가 */ #content .sub_area .group2 .img_ceo {max-width:100%;position:absolute;right:0;top:0} /* #content .sub_area .group2 .img_ceo + p {margin-right:300px} 20130807 주석 삭제 요청 */ #content .sub_area .group2 .cont_ceo1 {margin-right:285px} /* 20130807 추가 */ #content .sub_area .group2 p {font-family:'Verdana'; line-height:24px;margin-top:28px;color:#2f2f2f} #content .sub_area .group2 .name {text-align:right;margin-top:52px} #content .sub_area .group3 .ci_phone {display:none;} #content .sub_area .group3 .simbol {max-width:100%;margin-top:28px} #content .sub_area .group3 p {font-family:'Verdana'; margin-top:34px;color:#2f2f2f} #content .sub_area .group3 p strong {font-family:'Verdana';} #content .sub_area .group3 .logo_txt {color:#2f2f2f;margin-bottom:73px} #content .sub_area .group3 .logo_txt li {font-family:'Verdana'; line-height:24px} #content .sub_area .group3 .logo_txt span {font-weight:bold} #content .sub_area .group3 .logo_txt .c_blue {color:#110070} #content .sub_area .group3 .logo_txt .c_red {color:#ff0000} #content .sub_area .group3 .box1 {overflow:hidden;margin-bottom:73px;margin:13px -15px 73px 0} #content .sub_area .group3 .box1 > li {width:121px;min-height:176px;border:1px solid #e5e5e5;margin:15px 15px 0 0;float:left} #content .sub_area .group3 .box1 > li.intergis {width:158px} #content .sub_area .group3 .box1 > li img {max-width:100%;border-bottom:1px dashed #e5e5e5} #content .sub_area .group3 .box1 li ul {margin:12px 0 10px 12px;} #content .sub_area .group3 .box1 li ul li {font-family:'Verdana'; background:url('../images/common/desktop/icon_squre2.gif') no-repeat left 8px;line-height:18px;padding-left:7px} #content .sub_area .group3 .box2 {overflow:hidden;margin:13px -12px 0 0;} #content .sub_area .group3 .box2 > li {width:210px;min-height:86px;margin:15px 12px 0 0;border:1px solid #e5e5e5;float:left;} #content .sub_area .group3 .box2 > li img {max-width:100%;border-bottom:1px dashed #e5e5e5} #content .sub_area .group3 .box2 li ul {margin:8px 0 8px 80px} #content .sub_area .group3 .box2 li ul li {font-family:'Verdana'; background:url('../images/common/desktop/icon_squre2.gif') no-repeat left 8px;line-height:18px;padding-left:7px;} #content .sub_area .group3 .ci_down {position:relative;overflow:hidden;padding:0 155px 50px 0;min-height:64px} #content .sub_area .group3 .ci_down a {position:absolute;right:0;top:34px} /* Histroy */ #content .sub_area .img_history {max-width:100%;margin-top:76px} #content .sub_area .history {color:#636363;margin-top:48px} #content .sub_area .history li {font-family:'Verdana'; overflow:hidden;margin-bottom:28px;padding-left:70px;background:url('../images/common/desktop/icon_history.png') no-repeat left 2px;} #content .sub_area .history strong {font-weight:bold;height:16px;margin:0 10px 0 -50px} #content .sub_area .history .year_none {background:none;margin-top:-25px; padding-left:58px;} #content .sub_area .history .year_none strong {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:absolute}/* 20130731 추가 */ /* PR */ #content .sub_area .txt {margin-top:16px;color:#636363} #content .sub_area .txt .phone {display:none;} #content .sub_area .txt p {margin-top:18px} #content .sub_area .txt p img {max-width:100%} #content .sub_area .txt .txt_phone {display:none;} #content .sub_area .movie {max-width:100%;height:251px;margin-top:24px} #content .sub_area .movie iframe{width:100%;height:100%} #content .sub_area .movie_txt {max-width:100%;max-height:54px;color:#000;border:1px solid #d0d4d7;padding:10px 18px 10px 18px;overflow-y:auto;-webkit-overflow-scrolling: touch;} #content .sub_area .movie_txt p {margin-bottom:10px} /*20130807 추가 */ #content .sub_area .movie_txt h4 {margin-bottom:10px} /*20130807 추가 */ #content .sub_area .btn_movie {margin-top:50px} #content .sub_area .btn_movie dl {overflow:hidden;border-top:1px solid #e9e9e9;padding-top:13px} #content .sub_area .btn_movie dl:first-child {border:none;margin-bottom:13px;padding-top:0} #content .sub_area .btn_movie dt {font-family:'Verdana'; font-weight:bold;color:#2f2f2f;float:left} #content .sub_area .btn_movie dd {float:left} #content .sub_area .btn_movie dd ul {overflow:hidden} #content .sub_area .btn_movie dd ul li {float:left} #content .sub_area .btn_movie dt {background:url('../images/common/desktop/icon_squre.gif') no-repeat left 9px;padding-left:8px;font-weight:bold; margin-top:5px} #content .sub_area .btn_movie dd a {font-family:'Verdana'; display:block;width:80px;height:19px;border:1px solid #d0d4d7;margin:0 0 10px 10px;line-height:14px;text-align:center;padding-top:7px;color:#636363; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */} #content .sub_area .btn_movie dd a:hover {font-family:'Verdana'; border:1px solid #d41717;color:#d41717} #content .sub_area .download {width:293px;margin:32px auto 0 auto} #content .sub_area .download a img {max-width:100%} #content .sub_area .download .acro {display:block;margin:40px 0 0 99px} /* wise people */ #content .sub_area .wise {margin-top:76px;overflow:hidden} #content .sub_area .wise .img_wise {max-width:100%;margin-right:22px;margin-bottom:22px;border:1px solid #e2e2e2} #content .sub_area .wise .img_wise img {max-width:100%;} #content .sub_area .wise .img_wise, #content .sub_area .wise .right {float:left;} #content .sub_area .wise .right h3 {margin-bottom:13px} #content .sub_area .wise .right .num {margin-right:11px} #content .sub_area .wise .right p {margin-top:200px} #content .sub_area .wise .right .btn_puzzleevent {margin-top:11px} /* 송원문화재단 */ #content .sub_area .happy {margin-top:61px} #content .sub_area .songwon_txt {margin-top:50px} #content .sub_area .songwon_txt p {font-family:'Verdana'; margin-bottom:30px;font-size:12px;color:#2f2f2f;}/* 20130803 수정 */ /* 레이어팝업 */ .layer_pop {position:absolute;left:20%;top:156px;z-index:300;max-width:572px;margin:0 0 0 0;border:1px solid #4f4f4f;background:#fff;} .layer_pop .layer_header {position:relative;padding:3.333333% 5.76923076923077%;background:url('../images/common/desktop/bg_poptit.gif') repeat-x left top;border-bottom:1px solid #cfcfcf} .layer_pop .layer_header button {position:absolute;top:18px;right:5.76923076923077%;border:none;background:none;} .layer_pop .layer_cont {margin:23px 6.11888111888112%;} .layer_pop .layer_cont img {max-width:100%;} .layer_pop.layer_cyber {display:none;} .layer_pop.layer_email {display:none;} /* 사이버신문고 */ .layer_pop .layer_cont p {line-height:19px} .layer_pop .layer_cont .cyber_txt {margin:18px 0 22px 0} .layer_pop .layer_select {border:1px solid #d0d4d7;border-top:2px solid #b0b0b0;margin-top:16px;padding:9px 0 9px 3.137254901960784%;background:#f6f6f6} .layer_pop .layer_select fieldset {width:100%;white-space:nowrap;} .layer_pop .layer_select fieldset legend {position:absolute;left:-999999px;top: 0;font-size:0;} .layer_pop .layer_select label {color:#2f2f2f;margin-right:12px} .layer_pop .layer_select select {width:59.7609561752988%;height:28px;border:1px solid #d0d4d7;margin:0 3px 0 0;background:#fff;} /* 이메일 무단수집거부 */ .gray_box {color:#636363;border:1px solid #e6e6e6;background:#f8f8f8;padding:23px 4.5%} .layer_pop .layer_cont h3 {color:#2f2f2f;font-weight:bold;margin-top:24px} .layer_pop .layer_cont ul {margin-top:18px} .layer_pop .layer_cont ul li {line-height:20px} /* jscroll*/ .jspContainer {overflow: hidden;position: relative;} .jspPane {position:absolute;} .jspVerticalBar {position: absolute; top:0; right:0; width:13px; height:100%} .jspHorizontalBar {position: absolute; bottom:0; left:0; width: 100%; height:16px; background:red; display:none} .jspVerticalBar *, .jspHorizontalBar * {margin:0; padding:0} .jspCap {display:none} .jspHorizontalBar .jspCap {float:left} .jspTrack {background:#fff; position:relative} .jspDrag {background:#dbdbdb; position:relative; top:0; left:0; cursor:pointer} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%} .jspArrow {background: #50506d; text-indent:-20000px; display:block; cursor:pointer} .jspArrow.jspDisabled {cursor:default; background:#80808d} .jspVerticalBar .jspArrow {height:16px} .jspHorizontalBar .jspArrow {width:13px; float:left; height:100%} .jspVerticalBar .jspArrow:focus {outline:none} .jspCorner {background:#eeeef4; float:left; height:100%} * html .jspCorner {margin:0 -3px 0 0} /* 레이어팝업 딤드처리 */ .dialog {display:none;position:absolute;left:0;top:0;width:100%;background:#000;z-index:10;opacity:0.5;filter: alpha(opacity = 50);} /* media query */ @media (min-width: 300px) and (max-width: 1024px){ /* 모바일,태블릿 공통 */ html {overflow:hidden;overflow-y:scroll} #wrap {height:auto;} #container {position:static;margin:0;padding:0;height:auto} #container #btn {display:none} #content {width:100% !important;} #content .sub_area {float:none;border:none;width:100%;height:100%;min-height:640px;font-size:14px}/*20130731 수정*/ #content .sub_area .sub_cont {margin:26px 0 40px 0;} #header {position:relative;width:100%;height:auto;position:static;padding-left:0;background:none} #header .nav {*zoom:1;margin-top:0;padding-bottom:0;background:url('../images/common/phone/bg_gnb.gif') repeat left top;border-bottom:3px solid #d4d4d4} #header .nav:after {content:"";display:block;clear:both;} #header .nav li {float:left;padding:0;width:25%;*width:24.9%;border-bottom:1px solid #201d24;background:none} #header .nav li.right {border-right:0;width:22%;border-bottom:1px solid #201d24} #header .nav li.right a {border-right:0;} #header .nav li.wide_nav {border-right:0;width:28%;} #header .nav li.on {background:none} #header .nav li.none {display:block;} #header .nav li a {display:block;padding:10px 0 11px 6px;font-size:13px;*font-size:12px;color:#a0a0a0 !important;letter-spacing:-0.5px;*letter-spacing:-1px;border-top:1px solid #444445;border-right:1px solid #201d24;border-left:1px solid #444445} #header .nav li a.active {color:#fff !important;} #header .nav .last {background:none} #header .top h1 a {width:132px;height:23px;margin-top:0;background:url('../images/common/phone/logo3.png') no-repeat left top} #header .top h1 {width:132px;height:23px;margin:15px 0 6px 20px} #header .top .version {position:absolute;top:2px;right:20px;} /*#header .top .version .btn_eng {display:inline-block;width:41px;height:34px;margin:0 5px 0 0;background:url('../images/common/phone/btn_eng2.png') no-repeat left top}*/ #header .top .version .btn_eng {display:none;} #header .top .btn_dk {display:inline-block;width:102px;height:38px;background:url('../images/common/phone/logo4.png') no-repeat left 3px} #header .none {background:none !important} #header .none span {display:block;width:100%;height:100%;padding:15px 0 16px;border-top:1px solid #444445;border-right:1px solid #201d24;border-left:1px solid #444445} #footer {position:relative;width:100%;padding:30px 0;left:0;top:auto;background:url('../images/common/desktop/bg_gnb.gif') repeat left top}/*20130726 수정*/ #footer strong {display:none} #footer .footer_area {position:relative;width:250px;margin:0 auto;overflow:hidden} #footer .utill {overflow:hidden;font-size:11px;font-weight:normal;letter-spacing:-1px;margin:45px 0 0 0} #footer .utill:after {content:"";display:block;clear:both} #footer .utill li {float:left;width:41%;height:auto;padding:0;text-align:right;} #footer .utill > li {margin-top:0;}/*20130726 추가*/ #footer .utill li a {padding:0;background:none;color:#fff;} #footer .utill li:first-child {padding-left:0;text-align:left;background:url('../images/common/phone/bar_1.png') no-repeat 87% 6px;} #footer address {font-size:11px;margin-top:15px;padding: 0;line-height:20px;letter-spacing:0} #footer .phone p {position:static;line-height:14px;padding-right:0;} #footer .phone p span {display:inline}/*20130726 수정*/ #footer address p.fsize_pc {margin-top:0px}/*20130726 수정*/ #footer .family .hidden {width:auto;height:auto;margin-left:18px;font-size:12px;line-height:32px;color:#fff;visibility:visible} #footer .pc {display:none} #footer .phone {display:block} #footer .phone p {padding-bottom:3px;} #footer .family_site {position:absolute;top:0;left:0;display:block;overflow:hidden;width:100%;height:30px;border:1px solid #636363;color:#b0b0b0} #footer .footer_util3 a, #footer .footer_util3.active, #footer .footer_util3.active > a, #footer .footer_util3.active .site {display:none} #footer .logo1, #footer .logo2 {display:none;} /* jscroll*/ .jspContainer {width: 100% !important;height:100% !important;} .jspPane {width: auto !important;position:static;padding:0 !important;} .jspVerticalBar {display: none;} /* layer */ .layer_pop {position:absolute;left:2%;right: 2%;top:auto;} .layer_cyber {margin-top:-550px;} .layer_email {margin-top:-700px;} /* contents */ #content .sub_area {display: none} #content .sub_area:first-child {display:block;} #content .sub_area .info .map_area {border:1px solid #d6e0e4} #content .sub_area .info .map_area img {width:100%;} #content .sub_area .tab {margin:19px 0 22px 0} #content .sub_area .tab li {width:50%;margin-left:-1px} #content .sub_area .tab li a {width:100%;} #content .sub_area .tab3 {margin:24px 0 22px 0} #content .sub_area .tab3 li {width:33%;margin-left:0} #content .sub_area h2 {line-height:20px} /* 그룹소개 */ #content .sub_area .group1 .company_txt1, #content .sub_area .group1 .company_txt2, #content .sub_area .group1 .company_txt3, #content .sub_area .group1 .company_txt4 {height:auto;min-height:30px;padding-bottom:0;background:none} #content .sub_area .group1 .company_txt1, #content .sub_area .group1 .company_txt2, #content .sub_area .group1 .company_txt3, #content .sub_area .group1 .company_txt4 {margin-top:30px} #content .sub_area .group1 .company_txt1 .groupinfo_tit, #content .sub_area .group1 .company_txt2 .groupinfo_tit, #content .sub_area .group1 .company_txt3 .groupinfo_tit, #content .sub_area .group1 .company_txt4 .groupinfo_tit, #content .sub_area .group1 .company_txt1 .img_txt_groupinfo1, #content .sub_area .group1 .company_txt2 .img_txt_groupinfo1, #content .sub_area .group1 .company_txt3 .img_txt_groupinfo1, #content .sub_area .group1 .company_txt4 .img_txt_groupinfo1 {display:none} #content .sub_area .group1 .company_txt1 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt2 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt3 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt4 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt1 .comtxt_phone, #content .sub_area .group1 .company_txt2 .comtxt_phone, #content .sub_area .group1 .company_txt3 .comtxt_phone, #content .sub_area .group1 .company_txt4 .comtxt_phone {display:block} #content .sub_area .group1 .company_txt1 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt2 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt3 .groupinfo_tit_phone, #content .sub_area .group1 .company_txt4 .groupinfo_tit_phone {font-family:'나눔고딕','NanumGothic';font-size:18px;color:#2f2f2f;font-weight:bold;padding-top:8px;background:url('../images/common/phone/icon_viewtit.gif') no-repeat 2px top}/* 20130803 수정 */ #content .sub_area .group1 .company_txt1 .comtxt_phone, #content .sub_area .group1 .company_txt2 .comtxt_phone, #content .sub_area .group1 .company_txt3 .comtxt_phone, #content .sub_area .group1 .company_txt4 .comtxt_phone {margin-top:7px;font-family:'나눔고딕','NanumGothic'}/* 20130803 수정 */ #content .sub_area .group1 .company_txt1 .comtxt_phone li, #content .sub_area .group1 .company_txt2 .comtxt_phone li, #content .sub_area .group1 .company_txt3 .comtxt_phone li, #content .sub_area .group1 .company_txt4 .comtxt_phone li {font-family:'Verdana'; line-height:18px;padding-top:5px;color:#2f2f2f} #content .sub_area .group1 .company_txt1 .comtxt_phone li:first-child, #content .sub_area .group1 .company_txt2 .comtxt_phone li:first-child, #content .sub_area .group1 .company_txt3 .comtxt_phone li:first-child, #content .sub_area .group1 .company_txt4 .comtxt_phone li:first-child {padding-top:0} #content .sub_area .group1 .img_groupinfo_pc {display:none;}/*20130726수정*/ #content .sub_area .group1 .img_groupinfo_tab {display:block;max-width:100%;margin-top:-10px}/*20130726수정*/ #content .sub_area .group3 .ci_down a {position:absolute;right:0;top:10px} #content .sub_area .group2 .img_exp {display:none}/* 20130727 추가 */ #content .sub_area .group2 .img_exp_phone {display:block}/* 20130727 추가 */ /* Network */ #content .sub_area h3.network_tit_pc{display:none;} #content .sub_area h3.network_tit_phone{display:block;font-size:13px;font-family:'나눔고딕','NanumGothic';color:#2f2f2f;font-weight:bold;padding-top:8px;background:url('../images/common/phone/icon_prtit.gif') no-repeat 2px top}/* 20130803 수정 */ #content .sub_area .explain {margin-top:20px} #content .sub_area .com_info {margin-top:24px;} #content .sub_area .info {margin-top:30px;} #content .sub_area .info h4 {color:#2f2f2f;font-size:18px;font-weight:bold;line-height:28px} #content .sub_area .info .cont_area {margin:12px 0 4px 0} #content .sub_area .info h5 {margin-top:28px} #content .sub_area .info dl {margin:11px 0 5px 0} #content .sub_area .info dl dt {margin-bottom:4px} /* CI */ #content .sub_area .group3 .ci_pc {display:none;} #content .sub_area .group3 .ci_phone {display:block;font-size:13px;font-family:'나눔고딕','NanumGothic';color:#2f2f2f;font-weight:bold;padding-top:8px;background:url('../images/common/phone/icon_prtit.gif') no-repeat 2px top}/* 20130803 수정 */ #content .sub_area .group3 .simbol {margin-top:6px} #content .sub_area .group3 p{margin-top:8px} #content .sub_area .group3 p + p {margin-top:26px} #content .sub_area .group3 .logo_txt {margin-bottom:23px} #content .sub_area .group3 .box1 {margin:-9px -15px 30px 0} #content .sub_area .group3 .box2 {margin:-9px -12px 0 0;} /* pr */ #content .sub_area h3.pr_tit_pc {display:none;} #content .sub_area h3.pr_tit_phone {display:block;font-size:13px;color:#2f2f2f;font-weight:bold;margin-top:24px;padding-top:8px;background:url('../images/common/phone/icon_prtit.gif') no-repeat 2px top} #content .sub_area h3.pr_tit_phone2 {display:block;font-size:13px;color:#2f2f2f;font-weight:bold;margin-top:20px;padding-top:8px;background:url('../images/common/phone/icon_prtit.gif') no-repeat 2px top;font-family:'나눔고딕','NanumGothic'}/* 20130803 수정 */ #content .sub_area .txt .pc {display:none;} #content .sub_area .txt .phone {display:block;font-size:20px;font-family:'나눔고딕','NanumGothic';color:#2f2f2f;margin-top:14px}/* 20130803 수정 */ #content .sub_area .txt .txt_pc {display:none;} #content .sub_area .txt .txt_phone {display:block;font-size:12px;margin-top:6px} #content .sub_area .movie {margin-top:6px} #content .sub_area .btn_movie {margin-top:13px} #content .sub_area .btn_movie dl {border-top:none;padding-top:3px} #content .sub_area .btn_movie dl:first-child {margin-bottom:0} #content .sub_area .btn_movie dt {font-weight:bold;float:none;padding-bottom:2px;background-position:left 6px} #content .sub_area .btn_movie dd {float:none;margin-top:5px} #content .sub_area .btn_movie dd ul {margin-left:-10px} #content .sub_area .btn_movie dd a {width:125px;height:29px;text-align:center;padding-top:15px;} /* History */ #content .sub_area .history {margin-top:28px} #content .sub_area .img_history {max-width:100%;margin-top:24px} #content .sub_area .history .year_none {padding-left:70px}/* 20130731 추가 */ /* Wist people */ #content .sub_area .wise {margin-top:26px} /* 송원문화재단 */ #content .sub_area .happy {margin-top:28px;width:100%;max-width:487px} #content .sub_area .songwon_txt p {font-size:14px;}/* 20130803 수정 */ } @media (min-width: 300px) and (max-width: 767px){ /* contents */ #content .sub_area .group1 img, #content .sub_area .group2 img, #content .sub_area .group3 img {max-width:100%;} #content .sub_area .btn_movie dl {border-top: none} #content .sub_area .btn_movie dt {font-weight:bold;float:none} #content .sub_area .btn_movie dd {float:none;margin-top:5px} #content .sub_area .btn_movie dd ul {margin-left:-10px} #content .sub_area .btn_movie dd a {font-family:'Verdana'; width:125px;height:29px;text-align:center;padding-top:15px} #content .sub_area .movie_txt {position:relative;max-height:80px;color:#2f2f2f} #content .sub_area .group2 .img_ceo {display:none;} /* #content .sub_area .group2 .img_ceo + p {margin-right:0} 20130807 삭제 요청 */ #content .sub_area .group2 .cont_ceo1 {margin-right:0}/* 20130807 추가 */ #content .sub_area .wise .right p {margin-top:40px} } @media (min-width: 300px) and (max-width:480px){ #content .sub_area {width: auto !important;padding:0 !important;} .map {display: none;} .phone {display: block;} /* contents */ #content .sub_area table th, #content .sub_area table td {border:1px solid #d0d4d7;padding:15px 5% 10px 5%} #content .sub_area .sub_cont {margin:23px 20px 40px 20px;} #content .sub_area .wise .img_wise {margin-right:0;} #content .sub_area .movie {max-width:100% !important;} #content .sub_area .movie iframe {width:100% !important;} #content .sub_area .group1 .img_groupinfo_tab {display:none}/* 20130726 수정 */ #content .sub_area .group1 .img_groupinfo_phone {display:block;max-width:100%}/* 20130726 수정 */ #header .nav li .song {font-size:12px;}/* 20130803 추가 */ /* layer */ .layer_pop .layer_select select {width:29.7609561752988%} .layer_pop .layer_header button {top:10px} } @media (min-width: 481px) and (max-width: 767px){ #content .sub_area {width: auto !important;padding: 15px 50px}/* 20130803 수정 */ .map {display: none;} .phone {display: none;} /* contents */ #content .sub_area .sub_cont {margin:23px 30px 40px 30px} #content .sub_area.sub4 .sub_cont {width: 90%} } @media (min-width: 640px) and (max-width: 767px){ #content .sub_area.sub4 .sub_cont {width:542px} } @media (min-width: 768px) and (max-width: 1024px){ /* 모바일 ~ 태블릿 */ #content .sub_area {width: auto !important;padding: 15px 50px} #content .sub_area .sub_cont {margin: 22px 30px 40px 30px} .map {margin-left: -10px;} .phone {display: none;} /* contents */ #content .sub_area.sub4 .sub_cont {width:542px} /* #content .sub_area .group2 .img_ceo + p, #content .sub_area .group2 .img_ceo + p + p, #content .sub_area .group2 .img_ceo + p + p + p {margin-right:300px} 20130807 삭제요청 */ #content .sub_area .group2 .cont_ceo1, #content .sub_area .group2 .cont_ceo2, #content .sub_area .group2 .cont_ceo3 {margin-right:300px} /* 20130807 추가 */ #content .sub_area .group1 .company_txt1, #content .sub_area .group1 .company_txt2, #content .sub_area .group1 .company_txt3, #content .sub_area .group1 .company_txt4 {max-width:746px;min-height:120px}/* 20130727 수정 */ #content .sub_area .group1 .company_txt1 {background:url('../images/common/phone/bg_groupinfo2_1.jpg') no-repeat 100% 10px}/* 20130727 수정 */ #content .sub_area .group1 .company_txt2 {background:url('../images/common/phone/bg_groupinfo2_2.jpg') no-repeat 100% 0}/* 20130727 수정 */ #content .sub_area .group1 .company_txt3 {background:url('../images/common/phone/bg_groupinfo2_3.jpg') no-repeat 100% 0}/* 20130727 수정 */ #content .sub_area .group1 .company_txt4 {background:url('../images/common/phone/bg_groupinfo2_4.jpg') no-repeat 100% 0px;padding-bottom:0}/* 20130727 수정 */ #content .sub_area .group1 .company_txt2, #content .sub_area .group1 .company_txt4 {margin-top:50px} }